import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from './components/Login.vue'
// 导入全局样式表
// import './assets/css/global.css'
// 导入home组件
import Home from './components/Home.vue'
import Welcome from './components/Welcome.vue'
import Users from './components/user/Users.vue'
import Rights from './components/power/Rights.vue'
import Roles from './components/power/Roles.vue'
import Cate from './components/goods/Cate.vue'
import Params from './components/goods/Params.vue'

Vue.use(VueRouter)
const router= new VueRouter({
    routes:[
        { path:'/',redirect:'login'},
        { path:'/login',component:Login},
        { 
            path:'/home',
            component:Home,
            redirect:'/welcome',
            children:[{path:'/welcome',component:Welcome},
            {path:'/users',component:Users},
            {path:'/rights',component:Rights},
            {path:'/roles',component:Roles},
            {path:'/categories',component:Cate},
            {path:'/params',component:Params}
        ]
        }
    ]
})


// 挂载路由导航守卫
router.beforeEach((to,from,next)=>{
    // to将要访问的路径  from代表从哪个路径跳转而来    next是一个函数，表示放行
    // next有两种跳转方式  1.next（）放行   2.next（‘./login’）强制跳转
    if (to.path === "/login")return next();
    // 获取token
    const tokenStr = window.sessionStorage.getItem('token')
    if(!tokenStr) return next ("/login")
    next()

})

export default router